<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:55:"E:\WWW\waimai/app/delivery/index\view\order\detail.html";i:1502335784;s:56:"E:\WWW\waimai/app/delivery/index\view\template\base.html";i:1502335904;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>外卖</title>
    <link rel="stylesheet" href="__STATIC__/css/mui.min.css">
    <link rel="stylesheet" href="__STATIC__/css/ks.css">
    
    <script>
        var require_path = "__STATIC__/app";
    </script>
    <script src="__STATIC__/app/require.js"></script>
    <script src="__STATIC__/app/require.config.js"></script>
    <script src="__STATIC__/app/plugin/jquery-3.2.1.min.js"></script>
    <script src="__STATIC__/app/plugin/mui/mui.min.js"></script>
    
</head>
<body>



<header class="header">
    <div>
        <a class="goback"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
        订单详情
    </div>
</header>
<div id="order_div" class="pages">
    <div class="list-form other not-t">
        <div style="border-bottom: 5px solid #ececec ">
            <template>
                <!--<ul class="title-gray">-->
                    <!--<li>配送信息</li>-->
                <!--</ul>-->
                <ul>
                    <li class="font12">
                        <div>联  系  人：{{info.o_name}} <span class="pull-right">{{info.o_mobile}}</span></div>
                        <div class="mt-unify">
                            <div class="pull-left">配送地址：</div>
                            <div class="overflow-hidden">{{info.o_address}}</div>
                        </div>
                        <div class="mt-unify">
                            <div class="pull-left">备    注：</div>
                            <div class="overflow-hidden">{{info.remark}}</div>
                        </div>
                    </li>
                </ul>
            </template>
        </div>
        <template v-for="vo in items">
            <div style="border-bottom: 5px solid #ececec ">
                <div class="shop-list title">
                    <ul>
                        <li>
                            <div class="img"><img :src="vo.shopStore.logo" height="441" width="500"/></div>
                            <div class="text">{{vo.shopStore.name}}<a class="absmiddle-right"
                                                                      :href="'tel:'+ vo.shopStore.mobile"><i
                                    style="font-size: 30px;" class="mui-icon mui-icon-phone mui-pull-right"></i></a>
                            </div>

                        </li>
                    </ul>
                </div>
                <div>
                    <!--<ul class="title-gray">-->
                        <!--<li>订单明细</li>-->
                    <!--</ul>-->
                    <ul>
                        <li>
                            <template v-for="gvo in vo.shopGoods">
                            <p class="order-list">
                                <span class="font12">{{gvo.name}}</span>
                                <span>x{{gvo.quantity}}</span>
                                <span>￥{{gvo.amount}}</span>
                            </p>
                            </template>
                            <!--<p class="order-list">-->
                            <!--<span class="font12">香肠寿司（微辣）</span>-->
                            <!--<span>x1</span>-->
                            <!--<span>￥18</span>-->
                            <!--</p>-->
                        </li>
                        <li class="color-primary text-right">
                            总计：￥{{vo.pay_amount}}
                        </li>
                    </ul>
                </div>
            </div>

        </template>

    </div>
    <template>
        <footer class="btn-bottom">
            <a v-if="(info.flag_status==0||info.flag_status==5)" @tap.stop="delivery(info.id)">配送</a>
            <a v-else style="background-color: grey;">{{info.flag_status_text}}</a>
        </footer>
    </template>
</div>


</body>
<script>
    if(document.querySelector('.goback')!=null){
        document.querySelector('.goback').addEventListener('tap', function () {
            history.back();
        })
    }

</script>

<script>
    var order_id = "<?php echo $order_id; ?>";
    var list_url = "<?php echo url('index/Order/detail_data'); ?>";
    var delivery_url = "<?php echo url('index/Order/delivery'); ?>";
    var cash_delivery_url = "<?php echo url('index/Order/cash_delivery'); ?>";
    require(['index/detail']);
</script>

</html>